<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/4.0.0-beta.2/css/bootstrap.min.css" integrity="sha384-PsH8R72JQ3SOdhVi3uxftmaW6Vc51MKb0q5P2rRUpPvrszuE4W1povHYgTpBfshb" crossorigin="anonymous"> 
		<script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
		<script src="https://cdn.bootcss.com/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>
		<script src="https://cdn.bootcss.com/bootstrap/4.0.0-beta.2/js/bootstrap.min.js" integrity="sha384-alpBpkh1PFOepccYVYDB4do5UnbKysX5WZXm3XxPqe5iKTfUKjNkCk9SaVuEZflJ" crossorigin="anonymous"></script>
		<title></title>
		<style>
			.jumbotron-padding-bottom{
				padding-bottom: 0.1px;
				padding-top:10px;
				margin-bottom: 5px;
			}
		</style>
	</head>
	<body>
		<nav class="navbar navbar-expand-lg navbar-light bg-light" style="background-color: antiquewhite;">
			<a class="navbar-brand" href="#">
				<img src="img/3.jpg" width="30" height="30" />
			</a>
			<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#mynavbar" aria-controls="mynavbar">
				<span class="navbar-toggler-icon"></span>
			</button>
			<div class="collapse navbar-collapse" id="mynavbar">
				<ul class="navbar-nav mr-auto">
					<li class="nav-item">
						<a class="navbar-brand" href="javascript:void(0);">Java</a>
					</li>
					<li class="nav-item">
						<a class="navbar-brand"  href="javascript:void(0);">Linux</a>
					</li>
					<li class="nav-item">
						<a class="navbar-brand"  href="javascript:void(0);">MySQL</a>
					</li>
					<li class="nav-item">
						<a class="navbar-brand"  href="javascript:void(0);">Spring</a>
					</li>
				</ul>
				<form class="form-inline my-2 my-lg-0">
					<input class="form-control mr-sm-2" type="search" aria-lable="search"/>
					<button class="btn btn-outline-success my-2 my-sm-0" type="submit">Search</button>
				</form>
			</div>
		</nav>
		
		<div class="cantainer">
			<div class="bg-light">
				<div class="jumbotron jumbotron-padding-bottom">
					<p class="text-center">初期混元初期期混元初期</p>
					<p>混元初期混元初期混元初期混元初期混元初期混元初期混元初期混元初期混元初期混元初期混元初期混元初期混元初期混元初期混元初期混元初期混元初期混元初期混元初期混元初期</p>
					<span class="badge badge-dark">混元</span>
					<span class="badge badge-dark">太初</span>
					<p class="text-right">时日:<span>上古年间</span></p>	
				</div>
				<div class="jumbotron jumbotron-padding-bottom">
					<p class="text-center">初期混元初期期混元初期</p>
					<p>混元初期混元初期混元初期混元初期混元初期混元初期混元初期混元初期混元初期混元初期</p>
					<span class="badge badge-dark">混元</span>
					<span class="badge badge-dark">太初</span>
					<p class="text-right">时日:<span>上古年间</span></p>	
				</div>
				<div class="jumbotron jumbotron-padding-bottom">
					<p class="text-center">初期混元初期期混元初期</p>
					<p>混元初期混元初期混元初期混元初期混元初期混元初期混元初期混元初期混元初期混元初期</p>
					<span class="badge badge-dark">混元</span>
					<span class="badge badge-dark">太初</span>
					<p class="text-right">时日:<span>上古年间</span></p>	
				</div>
				<div class="jumbotron jumbotron-padding-bottom">
					<p class="text-center">初期混元初期期混元初期</p>
					<p>混元初期混元初期混元初期混元初期混元初期混元初期混元初期混元初期混元初期混元初期</p>
					<span class="badge badge-dark">混元</span>
					<span class="badge badge-dark">太初</span>
					<p class="text-right">时日:<span>上古年间</span></p>	
				</div>
				<!--<p class="text-center">加载更更更多</p>-->
			</div>
			
			<div class="footer bg-light">
				<nav aria-label="page">
					<ul class="pagination justify-content-end">
						<li class="page-item">
							<a class="page-link" href="#">1</a>
						</li>
						<li class="page-item">
							<a class="page-link" href="#">2</a>
						</li>
						
						<li class="page-item active">
							<a class="page-link" href="#">3</a>
						</li>
						<li class="page-item">
							<a class="page-link" href="#">4</a>
						</li>
					</ul>
				</nav>
			</div>
		</div>
	</body>
</html>
